{#<!DOCTYPE html>#}
<html lang="en">
{% load staticfiles %}
<head>
    <meta http-equiv="Content-Language" content="en"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>BEACON素材庫</title>
    <script type="text/javascript" src="{% static 'js/jquery-2.2.0.min.js' %}"></script>
    <link rel="shortcut icon" href="{% static 'img/logo/logo_s.ico' %}"/>
    <link type="text/css" href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"/>
    <link type="text/css" href="{% static 'css/owl.carousel.css' %}" rel="stylesheet"/>
    <link type="text/css" href="{% static 'css/index.css' %}" rel="stylesheet"/>
    <link rel="stylesheet" href="{% static 'css/laypage.css' %}" />
    <link rel="stylesheet" href="{% static 'css/webuploader.css' %}" />
    <link rel="stylesheet" href="{% static 'css/style.css' %}" />
    <link rel="stylesheet" href="{% static 'bootstrap-fileinput-master/css/fileinput.css' %}"/>
</head>
<body>
<div class="navigation container" style="background-color: #617C8D;width: 100%;padding: 0px;">
    <div class=" row col-md-12 col-sm-12 col-xs-12">
        <div class="col-md-2 col-sm-3 col-xs-12" style="text-align: center;">
            <img src="{% static 'img/logo/LOGO2.png' %}" style="height: 60px;">
        </div>
        <div class="col-md-8 col-sm-9 col-xs-12" style="margin-top: 10px; padding: 0px;">
            <ul class="col-md-12 col-sm-12 col-xs-12" style="margin: 10px 0;">
                <li class="col-md-2"><a href="/">首頁</a></li>
                <li class="col-md-2"><a href="/ml/hd_pictures/?type=高清圖片">高清圖片</a></li>
                <li class="col-md-2"><a href="/ml/hd_pictures/?type=logo">logo</a></li>
                <li class="col-md-2"><a href="/ml/hd_pictures/?type=矢量圖標">矢量圖標</a></li>
                <li class="col-md-2"><a href="/ml/hd_pictures/?type=PSD素材">PSD素材</a></li>
                <li class="col-md-2"><a href="/ml/hd_pictures/?type=3D模型">3D模型</a></li>
                <!--<li class="col-md-2"><a href="#">更多…</a></li>-->
            </ul>
        </div>
        <div class="col-md-2 col-sm-12 nav_left" style="padding: 8px 0;">
            <div class="col-md-4 col-sm-3">
                <ul style="padding: 0px;">
                    <li style="margin-right: 15px;"><a href="/ml/file_upload/"><span><img
                            src="{% static 'img/cloud_uploda.png' %}" style="height: 18px;"/></span></a></li>
                </ul>
            </div>
            <div class="col-md-8 col-sm-3">
                <ul style="padding: 0px;width: 150px;">

                        {% if login_status == False %}
                            <li class="login" data-toggle="modal" data-target="#login_modal">
                                <a href="#">登錄</a>
                            </li>
                            {% else %}
                            <li class="login">
                                <a href="">{{ user }}</a>
                            </li>
                        {% endif %}
                    <li>|</li>
                        {% if login_status == False %}
                            <li class="register" data-toggle="modal" data-target="#register_modal">
                                <a>註冊</a>
                            </li>
                            {% else %}
                            <li class="register">
                                <a href="/ml/userLogout/">注销</a>
                            </li>
                        {% endif %}
                </ul>
            </div>
        </div>
    </div>
</div>

<form action="/" method="post" class="form-horizontal">
<!--用户登录-->
<div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-ohidden="true">&times;</button>
                <h4>登錄</h4>
            </div>
            <div class="modal-body">
{#                <form class="form-horizontal" role="form">#}
                    <div class="form-group">
                        <label class="col-md-2 control-label">賬號</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" id="login_account" placeholder="請輸入工號"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">密碼</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" id="login_password" placeholder="請輸入密碼"/>
                        </div>
                    </div>
{#                    <div class="form-group">#}
{#                        <div class="col-md-offset-2 col-md-9">#}
{#                            <div class="checkbox">#}
{#                                <label>#}
{#                                    <input type="checkbox" value="請記住我" id="remember"/>請記住我#}
{#                                </label>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </form>#}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
                <button type="button" class="btn btn-primary" id="login">登錄</button>
            </div>
        </div>
    </div>
</div>
</form>


<!--用户注册-->
<form action="/ml/user_registration/" method="post" class="form-horizontal" id="form1">
<div class="modal fade" id="register_modal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-ohidden="true">&times;</button>
                <h4>註冊</h4>
            </div>
            <div class="modal-body">
                    <div class="form-group">
                        <label class="col-md-2 control-label">賬號</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" id="register_account"
                                   placeholder="請輸入您的工號" name="account" autofocus/>
                            <div id="ac_error" style="display: none;height: 10px;color: red;"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">密碼</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" onblur="check_pwd1()" id="register_password1" onblur="check_pwd1()"
                                   placeholder="請輸入您的密碼" name="password"/>
                            <div id="pwd1_error" class="register_error"
                                 style="display: none; height: 10px; color: red;"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">確認密碼</label>
                        <div class="col-md-9">
                            <input type="password" class="form-control" id="register_password2" onblur="check_pwd2()"
                                   placeholder="請再一次輸入您的密碼" name="check_password"/>
                            <div id="pwd2_error" class="register_error"
                                 style="display: none; height: 10px; color: red;"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">郵箱</label>
                        <div class="col-md-9">
                            <div class="input-group">
                                <input type="text" class="form-control" data-register="register" id="register_email"
                                        placeholder="請輸入您的郵箱" name="email"/>
                                <span class="input-group-addon" value="@mail.foxconn.com">@mail.foxconn.com</span>
                            </div>
                            <div id="email_error" style="display: none;height: 10px;color: red;"></div>
                        </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
                <button type="button" class="btn btn-primary" id="register_btn">註冊</button>
            </div>
        </div>
    </div>
</div>
</form>
<div id="content">
    {% block content %}
    {% endblock %}
</div>
<div class="container foot"></div>

</body>
<script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/owl.carousel.js' %}"></script>
<script type="text/javascript" src="{% static 'js/button.js' %}"></script>
<script type="text/javascript" src="{% static 'js/Login.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.cookie.js' %}" ></script>
<script type="text/javascript" src="{% static 'js/laypage.js' %}" ></script>
<script type="text/javascript" src="{% static 'js/webuploader.js' %}"></script>
<script type="text/javascript" src="{% static 'bootstrap-fileinput-master/js/fileinput.js' %}"></script>
<script type="text/javascript" src="{% static 'js/uploadfileinput.js' %}"></script>
<script>
    $(document).ready(function ($) {
        $.ajaxSetup({
            data:{csrfmiddlewaretoken:'{{csrf_token}}'},
        });
        var user='{{ user }}';
        $('.owl-demo ').owlCarousel({
            items: 1,  //在屏幕上显示多少项内容,默认为3
            loop: true, //是否无限循环 默认为false
            nav: true,   //显示prev  next 前后翻页按钮
            navText: ["&lt;", "&gt;"], //下一个/上一个上的文字-允许HTML--默认为['next','prev']
            autoplay: true,  //是否自动播放
            autoplayHoverPause: true, //鼠标悬停停止自动播放,
            autoplayTimeout: 4000//图片自动播放的延迟时间,\
        });
        // 注册表单验证
    });
</script>

</html>
